<template>
  <el-tabs type="border-card" :value="activeTab" @tab-click="changeTab">
    <el-tab-pane name="one">
      <span slot="label"><i class="el-icon-date"></i> 后台操作记录</span>
      <div v-show="activeTab === 'one'">
        <user-operate-table-logs />
      </div>
    </el-tab-pane>
    <el-tab-pane label="前台操作纪录" name="two">
      <div v-show="activeTab === 'two'">
        <user-self-operate-logs />
      </div>
    </el-tab-pane>
  </el-tabs>
</template>

<script>
  import {grid} from "@/build"
  import UserSelfOperateLogs from "@/views/member/detail/userSelfLogs";
  import UserOperateTableLogs from "@/views/member/detail/userOperateTableLogs";

  export default {
    name: "user-operate-logs",
    components: {
      UserOperateTableLogs,
      UserSelfOperateLogs,
    },
    mixins: [grid],
    data() {
      return {
        tableData: {},
        activeTab: 'one',
      }
    },
    mounted(){
    },
    methods: {
      changeTab(tab) {
        this.activeTab = tab.name
      }
    },
  }
</script>

<style lang="scss" scoped>
</style>
